import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import Header from '$component/header/index.js';
import Footer from '$component/footer/index.js';
import yoHistory from '$common/history';
import './index.scss';

class HomePage extends Component {
    render() {
        return (
            <div className="yo-flex">
                <Header title="我的" left={false}/>
                <div className="content">
                    <div className="yo-list yo-list-group kong">
                        <a href="#" className="item my">
                            <img src="http://pic5.duowan.com/psp/1005/138297782616/138298560095.jpg" className="mypic"/>
                            <div className="flex">
                                <h3 className="title">Hayley</h3>
                                <p className="detail">微信号：lhl13857940996</p>
                            </div>
                            <div className="info"><i className="el-icon-menu yo-ico"></i></div>
                        </a>
                    </div>
                    <div className="yo-list yo-list-group kong">
                        <div className="item">
                            <div className="mark"><i className="el-icon-message yo-ico"></i></div>
                            <div className="flex">钱包</div>
                        </div>
                    </div>
                    <div className="yo-list yo-list-group kong">
                        <div className="item">
                            <div className="mark"><i className="el-icon-star-on yo-ico"></i></div>
                            <div className="flex">收藏</div>
                        </div>
                        <div className="item">
                            <div className="mark"><i className="el-icon-picture yo-ico"></i></div>
                            <div className="flex">相册</div>
                        </div>
                        <div className="item">
                            <div className="mark"><i className="el-icon-message yo-ico"></i></div>
                            <div className="flex">卡包</div>
                        </div>
                        <div className="item">
                            <div className="mark"><i className="el-icon-document yo-ico"></i></div>
                            <div className="flex">文件</div>
                        </div>
                    </div>
                    <div className="yo-list yo-list-group kong">
                        <div className="item">
                            <div className="mark"><i className="el-icon-setting yo-ico"></i></div>
                            <div className="flex">设置</div>
                        </div>
                    </div>
                </div>
                <Footer/>
            </div>
        )
    }
}

export default HomePage;
